<template>
	<view>
		<view style="padding : 50rpx;">
			
			<!-- 日常笔记 -->
			<view class="box" @click="goEditNote">
				<image  class="image"
						src="/static/tab-Icons/note.png" 
						mode="widthFix" 
						style="width: 25%;">
				</image>
				
				<text class="textStyle">日常笔记</text>
			</view>
			
			<!-- 思维笔记 -->
			<view class="box" @click="goTemplateSelection">
				<image  class="image"
						src="/static/tab-Icons/think.png" 
						mode="widthFix" 
						style="width: 25%;">
				</image>
				<text class="textStyle">
					思维笔记
				</text>
			</view>	
					
			<!-- 我的笔记 -->
			<view class="box" @click="goMyNote">
				<image 	class="image"
						src="/static/tab-Icons/Mynote.png" 
						mode="widthFix" 
						style="width: 25%;">
				</image>
				<text class="textStyle">
					我的笔记
				</text>
			</view>
			
			<view class="box" @click="goDrafts">
				<image 	class="image"
						src="/static/tab-Icons/draft.png" 
						mode="widthFix" 
						style="width: 25%;">
				</image>
				<text class="textStyle">
					草稿箱
				</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		
		methods: {
			goTemplateSelection(){
				uni.navigateTo({
					url:'/pages/templateSelection/templateSelection'
				})
			},
			
			goEditNote(){
				uni.navigateTo({
					url:'/pages/editNote/editNote?FileName=newFile' 
				})
			},
			
			goMyNote(){
				uni.navigateTo({
					url:'/pages/myNote/myNote',
				})
			},
			
			goDrafts(){
				uni.navigateTo({
					url:'/pages/drafts/drafts',
				})
			}
		}
	}
</script>

<style>
	.box {
		display: flex;
		background-color: #fff;
		padding: 80rpx;
		border-radius: 30rpx;
		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, .1);
		margin-bottom: 8%;
		align-items: center;
	}
	
	.textStyle {
		font-size: 40rpx;
	}
	
	.image {
		margin-right: 25%;
	}
</style>
